<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled</title>
		<script type="text/javascript" src="util.js"></script>
		<script type="text/javascript" src="dom.js"></script>
		<script type="text/javascript" src="css.js"></script>
		<script type="text/javascript" src="event.js"></script>
		<script type="text/javascript" src="form.js"></script>
		<script type="text/javascript" src="ajax.js"></script>
		<script type="text/javascript" src="query.js"></script>
		<script type="text/javascript" src="drag.js"></script>
	</head>
	<body>
<div id="wrap">
	<h2>My Javascript</h2>
	<div>
		<textarea id="jscode" rows="8" cols="120"></textarea>
		<br />
		<input type="button" value="RUN CODE" onclick="runjs()" />
	</div>
</div>
<script type="text/javascript" language="Javascript">
<!--
	function runjs(){
		var o = id('run_notice');
		if(!o) {
			o = create('<p id="run_notice"></p>');
			before(id('jscode'), o);
		}
		runScript(query('#jscode').val());		
		html(o, 'script has run');
		fadeIn(o, 1000);
	}
	domReady(function() {
		var code = 'before(id("jscode"), create("<p>I am ready</p>"));';
		query("#jscode").val(code);
	});
//-->
</script>
	</body>
</html>